<template>
    <div class="category-slot">
        <slot name="category-slot-content" :games="games"></slot>
        <slot name="category-slot-footer"></slot>
    </div>
</template>
  
  <script>
export default {
  name: "CategorySlot",
  data() {
    return {
      games:["王者荣耀","和平精英","原神","崩坏3","明日方舟"],
    };
  },
};
</script>
  
<style scoped>
    .category-slot{
        width: 300px;
        height: 600px;
        background-color:#22a7f2;
    }
</style>
  